<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/list2.css">
    <title>Document</title>
    <link rel="stylesheet" href="css/secion2.css">
</head>
<body>
    <div class="top">
        <div>
            <img src="image/2.png" alt="">
            <p>网络全案营销服务提供商</p>
        </div>
        <ul>
            <li><a href="index.html">网站首页</a></li>
            <li><a href="">传悦资源</a></li>
            <li><a href="list1.html">传悦案例</a></li>
            <li><a href="secion1.html">解决方案</a></li>
            <li><a href="">需求提交</a></li>
        </ul>
        <img src="image/4.png" alt="">
    </div>
    <div class="message" style="display: none;">
            <h3 class="title">网络活动，社交性植入策略 ——社会化语境下，让消费者说出喜好  </h3>
            <div class="ser">
                    标签：   品牌营销   网络推广   网站建设    全网营销                               
            </div>
            <img src="image/secion2.png" alt="" class="pic">
            <p class="say1">消费者为什么要看这些东西呢？它们提供了消费者什么利益？</p>
            
    </div>
    <div class="bottom">
            <img src="image/2.png" alt="">
            <ul>
                <li>关于传悦</li>
                <li>新闻动态</li>
                <li>传悦观点</li>
                <li>联系传悦</li>
                <li>加入传悦</li>
                <li>付款账户</li>
            </ul>
            <p>Copyright ©2013  创梦网络科技有限责任公司  ‖  传悦 Chnyoo.cn All Rights Reser</p>
        </div>
    </body>
    </html>
    <script>
        let http = new XMLHttpRequest();
        let message = document.querySelector(".message");
        let body = document.querySelector("body")
        http.open("get",`http://10.35.164.163:81/secionListmore`);
        http.send();
        http.onreadystatechange = function(){
            if(http.readyState === 4){
                let list2 = JSON.parse(http.responseText)
                list2.forEach(function(item){
                    let newitem = message.cloneNode(true);
                    newitem.id = "";
                    newitem.style.display = "block";
                    body.appendChild(newitem);
                    newitem.querySelector(".title").innerHTML = item.title;
                    newitem.querySelector(".ser").innerHTML = item.ser;
                    newitem.querySelector(".pic").src = item.pic;
                    newitem.querySelector(".say1").innerHTML = item.say1;
                       
                })
            }
        }
    </script>